<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>新房</title>
		<link rel="stylesheet" href="../css/reset.css">
		<link rel="stylesheet" href="../css/new_house.css">
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.1/css/swiper.min.css">
	</head>
	<style type="text/css">
		.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
			bottom: -670px;
		}
		.swiper-pagination-bullet{
			height: 10px;
			width: 10px;
			border-radius: 60%;
			background: #eaeaea;
			opacity: 1;
		}
		.swiper-pagination-bullet-active{
			background: #fe3852;
		}
	</style>
	<body>
		<!-- top -->
		<div class="index-top">
			<div class="container">
				<div class="menu-box fl">
					<ul>
						<li><a href="#">首页</a></li>
						<li><a href="#" class="on">新房</a></li>
						<li><a href="#">二手房</a></li>
						<li><a href="#">租房</a></li>
						<li><a href="#">商铺</a></li>
						<li><a href="#">写字楼</a></li>
						<li><a href="#">委托申请</a></li>
						<li><a href="#">发布房源</a></li>
						<li><a href="#">房产百科</a></li>
						<li><a href="#">掌上可心房</a></li>
					</ul>
				</div>
				<div class="tel-box fr">
					<p>客服热线：023-4888888</p>
				</div>
				<div class="login-box fr">
					<img src="../img/wechat.png">
					<img src="../img/QQ.png">
					<img src="../img/webo.png">
					<span class="login-bottom">
						<a href="jacascript:void(0)" id="login">登录</a> |
						<a href="jacascript:void(0)" id="register">注册</a>
					</span>
				</div>
			</div>
		</div><!-- top结束 -->
		<div class="info-box">
			<div class="contain">
				<div class="menu-left fl">
					<div class="logo fl">
						<img src="../img/logo-pg.png">
						可心新房
					</div>
					<span class="adress fl">
						<img src="../img/adress.png">
						綦江
					</span>
					<ul class="fl">
						<li><a href="#" class="on">首页</a></li>
						<li><a href="#">楼盘</a></li>
						<li><a href="#">在售</a></li>
					</ul>
				</div>
				<div class="menu-right fr">
					<input type="text" placeholder="请输入区域或小区名开始找房" name="" id="" value="" class="menu-input" />
					<img src="../img/search-icon.png" class="search">
					<ul>
						<li>峰会国际社区</li>
						<li>峰会国际社区</li>
						<li>峰会国际社区</li>
					</ul>
				</div>
			</div>
		</div>
		<!-- banner -->
		<div class="banner-box">
			<div class="banner">
				<img src="../img/news/Banner.png" alt="">
			</div>
		</div><!-- banner结束 -->
		<!-- 本月推荐楼盘 -->
		<div class="tuijian-box">
			<div class="contain">
				<div class="tuijian-title">
					<p>本月推荐楼盘</p>
				</div>
				<div class="tuijian-cont swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<div class="tj-item-box">
								<div class="tj-item fl">
									<img src="../img/news/loupan-item.png" alt="" class="fl">
									<div class="tj-info-box fl">
										<p class="tj-title">恒大梦幻綦江城</p>
										<div class="tips-info-box">
											<div class="tips-info-item">即将开盘</div>
											<div class="tips-info-item tips-info-item2">住宅</div>
										</div>
										<div class="clear"></div>
										<p class="jg">均价 <span style="font-size: 20px;color: #fe2947;">5895元/㎡</span></p>
										<p class="tl">套内 <span style="font-size: 18px;">50-150㎡</span></p>
										<p class="dz">綦江-綦江古南镇文龙街道九龙大道82号</p>
									</div>
								</div>
								<div class="tj-item fl" style="margin-left: 25px;">
									<img src="../img/news/loupan-item.png" alt="" class="fl">
									<div class="tj-info-box fl">
										<p class="tj-title">恒大梦幻綦江城</p>
										<div class="tips-info-box">
											<div class="tips-info-item">即将开盘</div>
											<div class="tips-info-item tips-info-item2">住宅</div>
										</div>
										<div class="clear"></div>
										<p class="jg">均价 <span style="font-size: 20px;color: #fe2947;">5895元/㎡</span></p>
										<p class="tl">套内 <span style="font-size: 18px;">50-150㎡</span></p>
										<p class="dz">綦江-綦江古南镇文龙街道九龙大道82号</p>
									</div>
								</div>
								<div class="tj-item fl">
									<img src="../img/news/loupan-item.png" alt="" class="fl">
									<div class="tj-info-box fl">
										<p class="tj-title">恒大梦幻綦江城</p>
										<div class="tips-info-box">
											<div class="tips-info-item">即将开盘</div>
											<div class="tips-info-item tips-info-item2">住宅</div>
										</div>
										<div class="clear"></div>
										<p class="jg">均价 <span style="font-size: 20px;color: #fe2947;">5895元/㎡</span></p>
										<p class="tl">套内 <span style="font-size: 18px;">50-150㎡</span></p>
										<p class="dz">綦江-綦江古南镇文龙街道九龙大道82号</p>
									</div>
								</div>
								<div class="tj-item fl" style="margin-left: 25px;">
									<img src="../img/news/loupan-item.png" alt="" class="fl">
									<div class="tj-info-box fl">
										<p class="tj-title">恒大梦幻綦江城</p>
										<div class="tips-info-box">
											<div class="tips-info-item">即将开盘</div>
											<div class="tips-info-item tips-info-item2">住宅</div>
										</div>
										<div class="clear"></div>
										<p class="jg">均价 <span style="font-size: 20px;color: #fe2947;">5895元/㎡</span></p>
										<p class="tl">套内 <span style="font-size: 18px;">50-150㎡</span></p>
										<p class="dz">綦江-綦江古南镇文龙街道九龙大道82号</p>
									</div>
								</div>
							</div>
						</div>
						<!-- 一个结束 -->
						<div class="swiper-slide">
							<div class="tj-item-box">
								<div class="tj-item fl">
									<img src="../img/news/loupan-item.png" alt="" class="fl">
									<div class="tj-info-box fl">
										<p class="tj-title">恒大梦幻綦江城</p>
										<div class="tips-info-box">
											<div class="tips-info-item">即将开盘</div>
											<div class="tips-info-item tips-info-item2">住宅</div>
										</div>
										<div class="clear"></div>
										<p class="jg">均价 <span style="font-size: 20px;color: #fe2947;">5895元/㎡</span></p>
										<p class="tl">套内 <span style="font-size: 18px;">50-150㎡</span></p>
										<p class="dz">綦江-綦江古南镇文龙街道九龙大道82号</p>
									</div>
								</div>
								<div class="tj-item fl" style="margin-left: 25px;">
									<img src="../img/news/loupan-item.png" alt="" class="fl">
									<div class="tj-info-box fl">
										<p class="tj-title">恒大梦幻綦江城</p>
										<div class="tips-info-box">
											<div class="tips-info-item">即将开盘</div>
											<div class="tips-info-item tips-info-item2">住宅</div>
										</div>
										<div class="clear"></div>
										<p class="jg">均价 <span style="font-size: 20px;color: #fe2947;">5895元/㎡</span></p>
										<p class="tl">套内 <span style="font-size: 18px;">50-150㎡</span></p>
										<p class="dz">綦江-綦江古南镇文龙街道九龙大道82号</p>
									</div>
								</div>
								<div class="tj-item fl">
									<img src="../img/news/loupan-item.png" alt="" class="fl">
									<div class="tj-info-box fl">
										<p class="tj-title">恒大梦幻綦江城</p>
										<div class="tips-info-box">
											<div class="tips-info-item">即将开盘</div>
											<div class="tips-info-item tips-info-item2">住宅</div>
										</div>
										<div class="clear"></div>
										<p class="jg">均价 <span style="font-size: 20px;color: #fe2947;">5895元/㎡</span></p>
										<p class="tl">套内 <span style="font-size: 18px;">50-150㎡</span></p>
										<p class="dz">綦江-綦江古南镇文龙街道九龙大道82号</p>
									</div>
								</div>
								<div class="tj-item fl" style="margin-left: 25px;">
									<img src="../img/news/loupan-item.png" alt="" class="fl">
									<div class="tj-info-box fl">
										<p class="tj-title">恒大梦幻綦江城</p>
										<div class="tips-info-box">
											<div class="tips-info-item">即将开盘</div>
											<div class="tips-info-item tips-info-item2">住宅</div>
										</div>
										<div class="clear"></div>
										<p class="jg">均价 <span style="font-size: 20px;color: #fe2947;">5895元/㎡</span></p>
										<p class="tl">套内 <span style="font-size: 18px;">50-150㎡</span></p>
										<p class="dz">綦江-綦江古南镇文龙街道九龙大道82号</p>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="clear"></div>
					<div class="swiper-pagination bor" style="z-index: 9999;border: solid 1px #ffff;">
					</div>
				</div>
			<div class="tj-line"></div>
		</div>
		</div><!-- 本月推荐楼盘结束 -->
		<!-- 精选楼盘 -->
		<div class="jx-box">
			<div class="contain">
				<div class="jx-box-title">
					<p>精选楼盘</p>
				</div>
				<div class="item-box">
					<div class="jx-item">
						<img src="../img/news/news.png">
						<div>
							<p class="fl">均价 <span style="font-size: 20px;color: #fe2947;">5895元/㎡</span></p>
							<p class="fr">套内 <span style="font-size: 16px;">50-150㎡</span></</p> </div> <div class="clear">
						</div>
						<p style="margin-top: 5px;">綦江-綦江通惠新城新政府大楼附近</p>
					</div>
					<div class="jx-item">
						<img src="../img/news/news.png">
						<div>
							<p class="fl">均价 <span style="font-size: 20px;color: #fe2947;">5895元/㎡</span></p>
							<p class="fr">套内 <span style="font-size: 16px;">50-150㎡</span></</p> </div> <div class="clear">
						</div>
						<p style="margin-top: 5px;">綦江-綦江通惠新城新政府大楼附近</p>
					</div>
					<div class="jx-item">
						<img src="../img/news/news.png">
						<div>
							<p class="fl">均价 <span style="font-size: 20px;color: #fe2947;">5895元/㎡</span></p>
							<p class="fr">套内 <span style="font-size: 16px;">50-150㎡</span></</p> </div> <div class="clear">
						</div>
						<p style="margin-top: 5px;">綦江-綦江通惠新城新政府大楼附近</p>
					</div>
					<div class="jx-item">
						<img src="../img/news/news.png">
						<div>
							<p class="fl">均价 <span style="font-size: 20px;color: #fe2947;">5895元/㎡</span></p>
							<p class="fr">套内 <span style="font-size: 16px;">50-150㎡</span></</p> </div> <div class="clear">
						</div>
						<p style="margin-top: 5px;">綦江-綦江通惠新城新政府大楼附近</p>
					</div>
					<div class="jx-item">
						<img src="../img/news/news.png">
						<div>
							<p class="fl">均价 <span style="font-size: 20px;color: #fe2947;">5895元/㎡</span></p>
							<p class="fr">套内 <span style="font-size: 16px;">50-150㎡</span></</p> </div> <div class="clear">
						</div>
						<p style="margin-top: 5px;">綦江-綦江通惠新城新政府大楼附近</p>
					</div>
					<div class="jx-item">
						<img src="../img/news/news.png">
						<div>
							<p class="fl">均价 <span style="font-size: 20px;color: #fe2947;">5895元/㎡</span></p>
							<p class="fr">套内 <span style="font-size: 16px;">50-150㎡</span></</p> </div> <div class="clear">
						</div>
						<p style="margin-top: 5px;">綦江-綦江通惠新城新政府大楼附近</p>
					</div>
				</div>
				<div class="clear"></div>
				<div class="more-box">
					<p>查看更多</p>
				</div>
			</div>
		</div><!-- 精选楼盘结束 -->

		<!-- 网站footer -->
		<div class="page-footer">
			<div class="contain">
				<div class="page-foot-top">
					<ul>
						<li><a href="#">关于我们</a></li>
						<li><a href="#">联系我们</a></li>
						<li><a href="#">隐私声明</a></li>
						<li><a href="#">綦江小区</a></li>
						<li><a href="#">可心经纪人</a></li>
					</ul>
					<p class="fr">客服热线 <span style="color: #fff116;margin-left: 10px;">023-48625859</span></p>
				</div>
				<div class="page-foot-cont">
					<div class="foot-left fl">
						<div class="foot-left-top">
							<div class="tab-item fl on">人气楼盘</div>
							<div class="tab-item fl">热门楼盘</div>
							<div class="tab-item fl">推荐城市楼盘</div>
						</div>
						<div class="foot-left-cont">
							<ul>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
							</ul>
						</div>
					</div>
					<div class="foot-right fr">
						<img style="margin-top: 20px;" src="../img/buttom-jjr.png">
						<img src="../img/buttom-fbfy.png">
					</div>
				</div>
				<div class="page-foot-bu">
					<p>Copyright 2015-2018©綦江可心房网络科技有限公司 渝ICP备17013215号 联系电话：02348625859 | 地址：綦江綦江区文龙街道核桃湾6-1090-1号</p>
				</div>
			</div>
		</div><!-- 网站footer结束 -->

		<!-- 登录窗口 -->
		<div class="model" hidden>
			<div class="model-login-box" id="login_box" hidden>
				<div class="model-login-top">
					<p>登录可心房</p>
					<img src="../img/login-close.png" class="login-close">
				</div>
				<div class="login-menu-box">
					<div class="login-menu-group fl on" id='sjdl'>
						手机快捷登录
					</div>
					<div class="login-menu-group fl" id='zhdl' style="border-left: solid 1px #e3e3e3;">
						账号密码登录
					</div>
				</div>
				<div class="login-input-box">
					<input type="text" name="" id="" value="" placeholder="请输入手机号码" class="login-tel-box" />
					<div hidden id='zhdl_box'>
						<input type="text" name="" id="" value="" placeholder="请输入登录密码" class="login-tel-box" style="margin-top: 0px;" />
						<img src="../img/yanj.png" class="yanj">
					</div>
					<div id='sjdl_box'>
						<input type="text" name="" id="" value="" placeholder="请输入验证码" class="login-yanz-box fl" />
						<div class="get-code fl">获取验证码</div>
					</div>
					<div class="clear"></div>
					<div class="login-tips">
						<img src="../img/checkout.png" class="fl login-tips-img">
						<p class="fl login-tips-time">7天内免登录</p>
						<a href="#" class="fr log" style="display: none;">忘记密码?</a>
					</div>
					<p class="xieyi">登录即代表同意《可心房隐私政策》及《可心房用户服务协议》</p>
					<div class="login-buttom">登录</div>
					<img src="../img/qitfs.png" class="qitfs">
					<div class="login-other">
						<img src="../img/login-QQ.png">
						<img src="../img/login-wechat.png">
						<img src="../img/login-weibo.png">
					</div>
				</div>
			</div>

			<!-- 注册窗口 -->
			<div class="model-login-box" id="register_box" hidden>
				<div class="model-login-top">
					<p>注册可心房账号</p>
					<img src="../img/login-close.png" class="login-close">
				</div>
				<div class="login-input-box">
					<input type="text" name="" id="" value="" placeholder="请输入手机号码" class="login-tel-box" style="margin-bottom: 0;" />
					<input type="text" name="" id="" value="" placeholder="请输入验证码" class="login-tel-box" />
					<input type="text" name="" id="" value="" placeholder="请输入验证码" class="login-yanz-box fl" />
					<div class="get-code fl">获取验证码</div>
					<div class="clear"></div>
					<div id='zhdl_box' style="margin-top: 10px;">
						<input type="text" name="" id="" value="" placeholder="请输入登录密码" class="login-tel-box" style="margin-top: 0px;" />
						<img src="../img/yanj.png" class="yanj" style="top: 285px;">
					</div>
					<div class="login-tips">
						<img src="../img/checkout.png" class="fl login-tips-img">
						<p class="fl login-tips-time" style="font-size: 12px;margin-top: -1px;">我已阅读并同意<a href="#" style="color: #fe2947;">《可心房隐私政策》</a>及<a
							 href="#" style="color: #fe2947;">《可心房用户服务协议》</a></p>
					</div>
				</div>
				<div class="clear"></div>
				<div class="login-buttom" style="margin-top: 60px;">登录</div>
				<div class="register-tips">
					<p>已有账号？去<span style="color: #fe2947;">登录</span></p>
				</div>
			</div><!-- 注册窗口结束 -->
			<script src="../js/jquery.js"></script>
			<script type="text/javascript" src="../js/swiper.min.js"></script>
			<script src="../js/login.js"></script>
			<script type="text/javascript">
				window.onload = function() {
					var mySwiper = new Swiper('.swiper-container', {
						// 轮播图的方向，也可以是vertical方向
						direction: 'horizontal',
						//播放速度
						loop: true,
						// 自动播放时间
						autoplay: 2000,
						// 播放的速度
						speed: 3000,
						// 如果需要分页器，即下面的小圆点
						pagination: '.swiper-pagination',
						// 这样，即使我们滑动之后， 定时器也不会被清除
						autoplayDisableOnInteraction: false
					});
				}
			</script>
	</body>
</html>
